<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="../../lib/mui.css">
		<link rel="stylesheet" href="../common/common.css">
		<link rel="stylesheet" type="text/css" href="../../lib/icon.css">
		<link rel="stylesheet" href="pinkAge.css">
		<script src="../../lib/mui.js"></script>
		<script src="../../lib/vue.js"></script>
	</head>
	<style type="text/css">
		a{
			color:#000000;
		}
		.tupian{
			line-height:48px !important;
			max-width:48px !important;
			height:48px !important;
		}
		.title {
			margin: 20px 15px 10px;
			color: #6d6d72;
			font-size: 15px;
		}
		.mui-bar{
			background-color:#ffffff;
		}
	</style>
	<body>
		<div class="mui-content" style="padding:30px 100px;background-color:#DD524D;">
			<button type="button" class="mui-btn mui-btn-warning mui-btn-block" style="margin:0 auto;padding:10px 0;">点我签到！</button>
		</div>
		<div class="title">
			教你如何赚积分
		</div>
		<ul class="mui-table-view">
			<li class="mui-table-view-cell mui-media">
				<a href="javascript:;">
					<img class="mui-media-object mui-pull-left tupian" src="../images/shuijiao.jpg">
					<div class="mui-media-body">
						每日签到
						<p class='mui-ellipsis'>连续签到>5天奖励8积分</p>
						<p style="float:right;margin-top:-20px;color:#CF2D28;">+5积分</p>
					</div>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media">
				<a href="javascript:;">
					<img class="mui-media-object mui-pull-left tupian" src="../images/muwu.jpg">
					<div class="mui-media-body">
						每日APP分享
						<p class='mui-ellipsis'>分享APP，每日轻松赚3积分</p>
						<p style="float:right;margin-top:-20px;color:#CF2D28;">+3积分</p>
					</div>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media">
				<a href="javascript:;">
					<img class="mui-media-object mui-pull-left tupian" src="../images/cbd.jpg">
					<div class="mui-media-body">
						每日商品分享
						<p class='mui-ellipsis'>每日分享商品轻松赚3积分</p>
						<p style="float:right;margin-top:-20px;color:#CF2D28;">+3积分</p>
					</div>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media">
				<a href="javascript:;">
					<img class="mui-media-object mui-pull-left tupian" src="../images/cbd.jpg">
					<div class="mui-media-body">
						每日晒单
						<p class='mui-ellipsis'>晒单每日轻松赚3积分</p>
						<p style="float:right;margin-top:-20px;color:#CF2D28;">+3积分</p>
					</div>
				</a>
			</li>
		</ul>
		<script type="text/javascript">
			mui.init()
		</script>
	</body>

</html>